.view {
  .header {
    height: 0.60rem;
    background: #0094ff;
    line-height: 0.60rem;
  }
  .content {
    background: url("../image/homebg3.jpg") no-repeat center
    center; 
    border: 1px solid;
    position: relative;
   
      .title {
        // background: pink;
        position: relative;
       .welcome{
        width: 100%;
        margin: 0 auto;
        text-align: center;
        height: 1.00rem;
        line-height: 1.00rem;
        color: #fff;
        font-size:0.3rem;
        font-weight: 600;
        position: relative;
        span {
          color: orangered;
        }
       }
        .langue {
          position: absolute;
          right: 1.00rem;
          top: 0;
          // width: 300rem;
          display: flex;
          height: 1.00rem;
          line-height: 1.00rem;
          font-size: 0.20rem;
          color: #fff;
          a{
            &:hover{
              color: #0094ff;
            }
          }
        }
      }
    .w{
      width: 12.00rem;
      margin: 0 auto;
      border: 1px solid #ccc;
    }
    .show {
      position: relative; // background: pink;
      height: 6.00rem;
      // background: #fff;
      margin-top: 0.50rem;
    }
    .img {
      position: absolute;
      width: 3.00rem;
      transition: all 0.6s;
      cursor: pointer;
      background: #ccc;
      &:hover {
        transform: scale(1.2);
        z-index: 200;
        border: 0.05rem solid #fff;
        .dec {
          font-size: 0.16rem;
          color: #0094ff;
        }
      }
    }
    .dec {
      color: #0094ff;
      position: absolute;
      top: 0.10rem;
      left: 0.12rem;
      font-size: 0.16rem
    }
    .img1 {
      top: -1.78rem;
      left: -1.00rem; 
      width: 3.84rem;
      height: 2.40rem;
      position: absolute;
    }
    .img2 {
      top: -0.20rem;
      right: 1.20rem;
      width: 2.00rem;
    }
    .img3 {
      top: 0;
      left: 5.80rem;
      z-index: 100;
      background: blueviolet;
    }
    .img4 {
      bottom: 0.54rem;
      right: 1.08rem;
    }
    .img5 {
      bottom: 1.28rem;
      right: 4.84rem;
      z-index: 3;
      width: 2.50rem;
    }
    .img6 {
      bottom: 2.40rem;
      left: 2.76rem;
      width: 2.50rem;
      z-index: 2;
    }
    .img7 {
    bottom: -0.99rem;
    left: 2.59rem;
    width: 2.50rem;
    z-index: 5;
    }
    .img8 {
      bottom: 0rem;
      left: 0rem;
    }
    .img9 {
      bottom: 2.26rem;
      right: 0rem;
      width: 2.00rem;
    }
    .bottom{
      width: 100%;
      margin-top: 1.40rem;
      text-align: center;
      color: #fff;
      font-family: 'Segoe Print';
      font-style: italic;
      p{
        font-size: 0.14rem;
      }
    }
  }
}